<!DOCTYPE html>
<!--
This is a starter template page. Use this page to start your new project from
scratch. This page gets rid of all links and provides the needed markup only.
-->
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>{% block titel %}魏先森的博客|做一个有内涵的知识分享者{% endblock %}</title>
  <link rel="icon" href="/static/blog/img/icon.ico" mce_href="dist/img/icon.png" type="image/x-icon">
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <!-- Bootstrap 3.3.6 -->
  <link rel="stylesheet" href="/static/admins/vendor/bootstrap/css/bootstrap.min.css">
  <!-- Font Awesome -->
  <!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">-->
  	<!--<link rel="stylesheet" href="dist/css/font-awesome.min.css">-->
  <!-- Ionicons -->
  <!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">-->
  <!-- Theme style -->
  <link rel="stylesheet" href="/static/admins/dist/css/AdminLTE.css">
   <link rel="stylesheet" href="/static/admins/dist/css/all-skins.min.css">
    {% block link %}{% endblock %}

  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>
<body class="hold-transition skin-black-light sidebar-mini">

<div class="wrapper">

  <!-- Main Header -->
  <header class="main-header">

    <!-- Logo -->
    <a href="/admins/index/" class="logo">
      <!-- mini logo for sidebar mini 50x50 pixels -->
      <!--<span class="logo-mini"><b>XBMAN</b></span>-->
      <img class="logo-mini" style="width: 40px;height: 40px; margin-top: 5px;" src="/static/blog/img/icon.ico" alt="User Image">
      <!-- logo for regular state and mobile devices -->
      <span class="logo-lg"><img  style="width: 30px;height: 30px;margin-right: 19px;" src="/static/blog/img/icon.ico" alt="User Image"><b>博客</b>-管理后台</span>
    </a>

    <!-- Header Navbar -->
    <nav class="navbar navbar-static-top" role="navigation">
      <!-- Sidebar toggle button-->
      <a href="#" class="sidebar-toggle glyphicon glyphicon-list " data-toggle="offcanvas" role="button">
        <!--<span class="sr-only">Toggle navigation</span>-->
      </a>
      <!-- Navbar Right Menu -->
      <div class="navbar-custom-menu">
        <ul class="nav navbar-nav">


          <!-- User Account Menu -->
          <li class="dropdown user user-menu">
            <!-- Menu Toggle Button -->
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <!-- The user image in the navbar-->
              <img src="/static/blog/img/timg.gif" class="user-image" alt="User Image">
              <!-- hidden-xs hides the username on small devices so only the image appears. -->
              <span class="hidden-xs">{{ request.user.name }}</span>
            </a>
            <ul class="dropdown-menu">
              <!-- The user image in the menu -->
              <li class="user-header">
                <img src="/static/blog/img/timg.gif" class="img-circle" alt="User Image">
                <p> <span>管理员</span>
                  <small>Member since Nov. 2017</small>
                </p>s
              </li>
              <!-- Menu Footer-->
              <li class="user-footer">
                <div class="pull-left">
                  <a href="#myModal1" class="btn btn-default btn-flat" data-toggle="modal" data-placement="bottom">修改密码</a>
                </div>
                <div class="pull-right">
                  <a href="{% url 'logout' %}" class="btn btn-default btn-flat">退出登陆</a>
                </div>
              </li>
            </ul>
          </li>
        </ul>
      </div>
    </nav>
  </header>


  <!-- Left side column. contains the logo and sidebar -->
  <aside class="main-sidebar">

    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar">

      <!-- Sidebar user panel (optional) -->
      <div class="user-panel">
        <div class="pull-left image">
          <img src="/static/blog/img/timg.gif" class="img-circle" alt="User Image">
        </div>
        <div class="pull-left info">
          <p>{{ request.user }}</p>
          <!-- Status -->
          <a href="#"><i class="glyphicon glyphicon-record text-success"></i> online</a>
        </div>
      </div>


      <!-- /.search form -->

      <!-- Sidebar Menu -->
      <ul class="sidebar-menu">
        <li class="header">HEADER</li>
        <!-- Optionally, you can add icons to the links -->
        <li id="indexs"><a href="{% url 'adindex' %}"><i class="glyphicon glyphicon-home"></i> <span>统计展示</span></a></li>
{#        <li><a href="#"><i class="glyphicon glyphicon-user"></i> <span>用户管理</span></a></li>#}
        <li class="treeview" id="articleli">
          <a href="#"><i class="glyphicon glyphicon-fire"></i> <span>博文管理</span>
            <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
          </a>
          <ul class="treeview-menu" id="articleul">
            <li id="article" style="margin-left: 40px"><a href="{% url 'addarticle' %}">添加博文</a></li>
            <li id="articlelist" style="margin-left: 40px"><a href="{% url 'articlelist' %}">博文列表</a></li>
          </ul>
        </li>
          <li id="about"><a href="{% url 'adminabout' %}" ><i class="glyphicon glyphicon-wrench"></i> <span>关于博主</span></a></li>

          <li class="treeview" id="weixinli">
          <a href="#"><i class="glyphicon glyphicon-map-marker"></i> <span>微信设置</span>
            <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
          </a>
          <ul class="treeview-menu" id="weixinul">
            <li id="weixin" style="margin-left: 40px"><a href="{% url 'adminweixin' %}" ><i class="glyphicon glyphicon-font"></i> <span>微信关键字</span></a></li>
            <li id="Reply" style="margin-left: 40px"><a href="{% url 'wxreply' %}" ><i class="glyphicon glyphicon-comment"></i> <span>随机回复</span></a></li>
            <li id="instruction" style="margin-left: 40px"><a href="{% url 'wxinstruction' %}" ><i class="glyphicon glyphicon-edit"></i> <span>指令回复</span></a></li>
          </ul>
        </li>
          <li id="links"><a href="{% url 'link' %}" ><i class="glyphicon glyphicon-globe"></i> <span>友情链接</span></a></li>
          <li id="indexn"><a href="{% url 'index' %}" target="_blank"><i class="glyphicon glyphicon-eye-open"></i> <span>查看站点</span></a></li>

      </ul>
      <!-- /.sidebar-menu -->
    </section>
    <!-- /.sidebar -->
  </aside>

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
  <!--修改密码弹窗-->
            <div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			  <div class="modal-dialog">
			    <div class="modal-content">
			      <div class="modal-header">
			        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
			        <h4 class="modal-title" id="myModalLabel">修改密码</h4>
			      </div>
			      <div class="modal-body">
			        <form class="form-horizontal" action="/admins/checkpasswork/" method="post" id="nameform">{% csrf_token %}
			            <div class="control-group">
			                <label class="control-label" for="oldpassword">原密码</label>
			                <div class="controls">
			                    <input class="form-control" id="oldpassword" name="oldpassword" placeholder="请输入原密码" type="password" />
			                </div>
			            </div>
			            <div class="control-group">
			                <label class="control-label" for="id_password">新密码</label>
			                <div class="controls">
			                    <input class="form-control" id="id_password" name="password" placeholder="请输入新密码" type="password" />
			                </div>
			            </div>
			        </form>
			      </div>
			      <div class="modal-footer">
			        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
			        <button type="submit" form="nameform" class="btn btn-primary" value="submit">提交</button>
			      </div>
				</div>
			</div>
			</div>
            <!--修改密码弹窗结束-->
      {% block body %}{% endblock %}

    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->

  <!-- Main Footer -->
  <footer class="main-footer">
    <!-- To the right -->

    <!-- Default to the left -->
    <strong>xbman &copy; 2016 <a href="#">Company</a>.</strong> 版权所有.
  </footer>


</div>
<!-- ./wrapper -->

<!-- REQUIRED JS SCRIPTS -->

<!-- jQuery 2.2.3 -->
<script src="/static/admins/vendor/jquery/jquery.min.js"></script>
<!-- Bootstrap 3.3.6 -->
<script src="/static/admins/vendor/bootstrap/js/bootstrap.min.js"></script>
<!-- AdminLTE App -->
<script src="/static/admins/dist/js/app.min.js"></script>
{% block javascript %}{% endblock %}
</body>
</html>
